/*当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

textarea {
  // background: #F5F2F1;
  font-family: 'Verdana', "Hiragino Sans GB";
  font-size: .75rem;
}
.vux-popup-dialog {
  background: #fff !important;
}

/*iconfont图标公用样式*/
@font-face {
  font-family: 'iconfont';  /* project id 423637 */
  src: url('//at.alicdn.com/t/font_423637_bkbbhrbi40io1or.eot');
  src: url('//at.alicdn.com/t/font_423637_bkbbhrbi40io1or.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_423637_bkbbhrbi40io1or.woff') format('woff'),
  url('//at.alicdn.com/t/font_423637_bkbbhrbi40io1or.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_423637_bkbbhrbi40io1or.svg#iconfont') format('svg');
}

/*单页面的布局*/

html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: 'Verdana', "Hiragino Sans GB";
  -webkit-tap-highlight-color: transparent;
  /*overflow: hidden;*/
}
#app {
  height: 100%;
  width: 100%;
}

body {
  background-color: #F5F1F2;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px) {
  html, body {
      font-size: 57.599999999999994px;
  }
}

@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
  html, body {
      font-size: 51.2px;
  }
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  html, body {
      font-size: 42.666666666666664px;
  }
}

@media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
  html, body {
      font-size: 38.4px;
  }
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
  html, body {
      font-size: 34.13333333333333px;
  }
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
  html, body {
      font-size: 32px;
  }
}

@media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
  html, body {
      font-size: 28.799999999999997px;
  }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  html, body {
      font-size: 25.6px;
  }
}

@media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
  html, body {
      font-size: 22.080000000000002px;
  }
}

@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
  html, body {
      font-size: 21.333333333333332px;
  }
}

@media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
  html, body {
      font-size: 20px;
  }
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
  html, body {
      font-size: 19.2px;
  }
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
  html, body {
      font-size: 17.066666666666666px;
  }
}

@media only screen and (max-width: 240px), only screen and (max-device-width: 240px) {
  html, body {
      font-size: 12.8px;
  }
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

// 输入框公共样式
.relative-wrapper {
 position: relative;
  height: 3rem;
}

.fixed-btn-wrapper {
  position: fixed;
  height: 3rem;
  bottom: 0;
  left: 0;
  border-top: 1px solid #E6E6E6;
  background: #fff;
  padding: .5rem;
  width: 100%;
}

.fixed-btn {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: .5rem auto;
  height: 2rem;
  width: 92%;
  border-radius: .3rem;
  border: none;
  color: #ffffff;
  z-index: 99;
}

.popup-btn-wrapper {
  border-top: 1px solid #e6e6e6;
  padding: .4rem 0;
  text-align: right;
}

.popup-btn {
  border: none;
  width: 2.5rem;
  height: 1.5rem;
  margin-right: .75rem;
  border-radius: .3rem;
  color: #fff;
}

.main {
  padding: 10px 14px;
  background-color: white;
  color: #333;
  font-size: .75rem;
}

.divider {
  width: 100%;
  height: 1px;
  border-top: 1px solid #e6e6e6;
}

.gray {
  color: #c1c1c1;
}

.margin-bottom {
  margin-bottom: .75rem;
}

.msg-img {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .7rem;
  border-radius: 50%;
}

.break-word {
  word-break: break-word;
}

// 渐显/渐隐 动画
.fade-enter-active, .fade-leave-active {
  transition: opacity .35s
}
.fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
  opacity: 0
}

@placeholder-color: #b2b2b2;

::-webkit-input-placeholder { /* WebKit browsers */
  color:    @placeholder-color;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    @placeholder-color;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    @placeholder-color;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    @placeholder-color;
}

.cause-shrink {
  width: 100%;
  height: auto;
  padding: .25rem .5rem .3rem .5rem;
  font-size: .75rem;
  line-height: 1.25rem;
  background-color: #EEEEEE;
  color: #656565;
  border-radius: .2rem;
  margin: .5rem 0 .8rem 0;
  white-space: pre-wrap;
}

// 不然样式走位
.vux-number-round .vux-number-selector-sub,
.vux-number-round .vux-number-selector-plus {
  box-sizing: content-box;
}

// 覆盖x-number单独在一行的样式
.weui-cell.x-number {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: auto;
  height: 100%;

	&::before {
   content: none;
	}
}

.vux-number-input {
  padding: 0 !important;
}

.weui-search-bar__cancel-btn {
  font-size: .85rem;
}

.flex {
  display: flex;
}

.inline-block {
  display: inline-block;
}
.space-career, .space-index, .career-detail {
  .weui-dialog {
    width: 90%;
    max-width: none;
    background-color: rgba(255,255,255,0) !important;
    .scroll-img {
      overflow:scroll;
      width: 100%;
      max-height: 25rem;
    }
    .dialog-close {
      z-index: 999;
      position: absolute;
      top: .25rem;
      right: .25rem;
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
.product-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto;
  padding: 0 .75rem;

  .product-li {
    width: 7rem;
    height: auto;
    position: relative;
    padding-bottom: 2.25rem;
    margin-bottom: .75rem;
    .product-img {
      width: 100%;
    }
    .product-title {
      font-size: .75rem;
      margin: .35rem 0 4px 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .product-value {
      font-size: .8rem;
      transform: scale(.75);
      margin-left: (-12%);
      width: 100%;
      color: #C1C1C1;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  .product-buy {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: .15rem;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
  }
  .product-price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .weui-grids {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    .shrink-icon {
      position: absolute;
      color: #D8D8D8;
      font-size: 1.8rem;
      bottom: .7rem;
      right: .7rem;
    }
    .weui-grid {
      height: 3.5rem;
      padding: .5rem;
    }
  }

}

.product-buy-btn {
  border: none;
  width: 2.8rem;
  height: 1.3rem;
  font-size: .75rem;
  color: #fff;
  border-radius: 5px;
}

.text-center {
  text-align: center;
}
// 资讯模块样式复用

.inf-li {
  margin-bottom: .75rem;
  width: 125%;
  font-size: 0;
  & :last-child {
    margin-bottom: 0
  }
}
.inf-layout {
  width: 80%;
  background: #fff;
  display: inline-block;
  padding: .75rem;
}
.inf-value {
  margin-bottom: .75rem;
  position: relative;
  color: #656565;
  .inf-val {
    width: 63%;
  }
  .inf-type {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .1rem .3rem;
    border: 1px solid #DCDCDC;
    border-radius: .8rem;
    line-height: .8rem;
    background: #FAFAFA;
  }
  img {
    width: 33%;
    height: 4rem;
  }
}

.coulmn-flex {
  flex: flex;
  flex-direction: column;
  text-align: center;
}

button[disabled] {
  background: linear-gradient(#A7A7A7, #E6E6E6);
  color: #fff;
  border: none !important;
}

.vux-slider > .vux-swiper > .vux-swiper-item > a > .vux-img {
  background-size: contain !important;
}

.vm-collapse-item__header {
  font-size: .75rem;
}

.vm-collapse-item__wrap  {
  background-color: white;
}

.msg {
  margin-top: .5rem;
  margin-bottom: .2rem;
  white-space: pre-wrap;
}

.comment {
  margin-bottom: .3rem;
}

// search
.search-result {
  margin-top: 45px;
}

.none-search {
  padding: 5.6rem 0 0 0;
  text-align: center;
}

// product

.hot-product-img {
  width: 5.2rem;
  height: 5.2rem;
  margin-right: .6rem;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
}

.product-item-name {
  width: 5.1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product-item-count {
  width: 20px;
  white-space: nowrap;
}

.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

.cart-product-name {
  width: 65%;
}

.originalPrice {
  color:#999999;
  text-decoration: line-through;
}
.auto-flex {
  flex: auto;
}
.vux-tab {
  .vux-tab-item {
    font-size: .8rem !important;
  }
}

.weui-loading_toast {
  .weui-toast__content {
    margin-top: .75rem !important;
  }
}
.weui-icon-success-no-circle {
  margin-bottom: .75rem !important;
}

.vux-toast-middle {
  width: 10rem !important;
}